<head>
	<!--
		Required to fetch runtime data from https://svc.webspellchecker.net.
	-->
	<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://cksource.com https://svc.webspellchecker.net;">
</head>

<script
	type="text/javascript"
	src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"
	data-wsc-serviceid="1:Eebp63-lWHbt2-ASpHy4-AYUpy2-fo3mk4-sKrza1-NsuXy4-I1XZC2-0u2F54-aqYWd1-l3Qf14-umd"
	data-wsc-autosearch="true"
	data-wsc-enablegrammar="true"
></script>

<div id="editor">
	<h2>Hello world witth an obvious typo</h2>

	<figure class="table">
		<table>
			<tbody>
				<tr>
					<td>
						<h2>Header 2</h2>

						<p>
							<span class="mention" data-mention="@Ted">@Ted</span>
							very rarely makes a typo. However he occasionally forgets to add a comma after “however”.
						</p>
					</td>
					<td>
						<span style="color:hsl(0,75%,60%);"><i>Colors</i></span>
						<span
							style="background-color:hsl(270,75%,60%);color:hsl(0,0%,100%);"><strong>are</strong></span>
						plain
						<span class="text-big" style="color:hsl(210,75%,60%);">awesome</span>
						<span class="text-huge"><mark class="marker-yellow">!</mark></span>
					</td>
				</tr>
				<tr>
					<td>
						<figure class="image">
							<img src="sample.jpg" alt="CKEditor logo" />
							<figcaption>An <u>image</u></figcaption>
						</figure>
					</td>
					<td>
						<ol>
							<li>First</li>
							<li>Second</li>
							<li>Third</li>
						</ol>

						<p>Closing paragraph.</p>
					</td>
				</tr>
			</tbody>
		</table>
	</figure>

	<blockquote>
		<p>This is a quote block.</p>
	</blockquote>

	<p style="text-align:center;">Centered paragraph.</p>

	<p>Sample text</p>
</div>
